<template>
  <div class="containter">
    <div class="step">
      <ol class="titt">
        <el-badge
          :value="item.num"
          :max="99"
          :hidden="item.num == 0"
          class="item tittItem"
          v-for="(item, index) in list"
          :key="index"
        >
          <el-button
            class="button"
            size="mini"
            :class="activeIndex == index ? 'cur' : ''"
            :disabled="item.num == 0"
            @click="goAssignBlock('panelRef' + index, 100, index)"
            >{{ item.text }}</el-button
          >
        </el-badge>
      </ol>
    </div>

    <div v-if="false" ref="panelRef0" class="basicInfo basicInfo1">
      <p class="title">
        <span>资质证书信息</span
        ><span @click="checkMoreCertificate" class="glqy">查看更多信息>></span>
      </p>
      <el-table
        :data="certificateList"
        style="width: 100%"
        v-loading="loadingCertificate"
        :header-cell-style="{ background: '#f2f9fe' }"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="certname"
          label="证书名称"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="certid"
          label="证书编号"
          align="center"
        ></el-table-column>
        <el-table-column prop="status" label="证书状态" align="center">
          <!-- <template slot-scope="scope">
            <span>{{scope.row.status == '1' ? '有效':'无效'}}</span>
          </template> -->
        </el-table-column>
      </el-table>
      <el-dialog
        title="查看更多资质证书信息"
        :visible.sync="dialogVisibleCertificate"
        width="50%"
        custom-class="dialog"
      >
        <el-table
          :data="certificateMoreList"
          style="width: 100%"
          :header-cell-style="{ background: '#f2f9fe' }"
        >
          <el-table-column type="index" label="序号" width="100" align="center">
            <template slot-scope="scope">
              <span>{{
                (paginationCertificate.page - 1) * 10 + scope.$index + 1
              }}</span>
            </template>
          </el-table-column>
          <el-table-column
            prop="certname"
            label="证书名称"
            align="center"
          ></el-table-column>
          <el-table-column
            prop="certid"
            label="证书编号"
            align="center"
          ></el-table-column>
          <el-table-column prop="status" label="证书状态" align="center">
            <!-- <template slot-scope="scope">
              <span>{{scope.row.status == '1' ? '有效':'无效'}}</span>
            </template> -->
          </el-table-column>
        </el-table>
        <div class="pagination">
          <el-pagination
            layout="prev, pager, next"
            background
            :current-page.sync="paginationCertificate.page"
            :total="paginationCertificate.total"
            @current-change="certificate"
          ></el-pagination>
        </div>
      </el-dialog>
    </div>
    <!-- <el-table-column prop="ycrq" label="移出时间"  align="center"></el-table-column> -->
    <!-- <div ref="panelRef1" class="basicInfo basicInfo1">
            <p class="title"><span>工商异常信息</span><span @click="checkMoreBusinessAbnormal" class="glqy">查看更多信息>></span></p>
            <el-table :data="businessAbnormalList" style="width: 100%" v-loading="loading1"  :header-cell-style="{background:'#f2f9fe'}">
                <el-table-column type="index" label="序号" width="100" align="center"></el-table-column>
                <el-table-column prop="adddate" label="列入时间"  align="center"></el-table-column>
                <el-table-column prop="addreason" label="列入原因"  align="center"></el-table-column>
                <el-table-column prop="decisionoffice" label="列入决定机关"  align="center"></el-table-column>
            </el-table>
            <el-dialog title="查看更多工商异常信息" :visible.sync="dialogVisible1" width="50%" custom-class="dialog">
                <el-table :data="businessAbnormalMoreList" style="width: 100%"  :header-cell-style="{background:'#f2f9fe'}">
                    <el-table-column type="index" label="序号" width="100" align="center">
                        <template slot-scope="scope">
                            <span>{{(pagination1.page - 1) * 10 + scope.$index + 1}}</span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="adddate" label="列入时间"  align="center"></el-table-column>
                    <el-table-column prop="addreason" label="列入原因"  align="center"></el-table-column>
                    <el-table-column prop="decisionoffice" label="列入决定机关"  align="center"></el-table-column>
                </el-table>
                <div class="pagination"><el-pagination layout="prev, pager, next" background :current-page.sync='pagination1.page' :total="pagination1.total" @current-change='businessAbnormal'></el-pagination></div>
            </el-dialog>
        </div> -->
    <!-- <div ref="panelRef2" class="basicInfo basicInfo1">
            <p class="title"><span>工商吊销信息</span></p>
            <el-table :data="businessRevokeList" style="width: 100%" v-loading="loading2"  :header-cell-style="{background:'#f2f9fe'}">
                <el-table-column type="index" label="序号" width="100" align="center"></el-table-column>
                <el-table-column prop="qymc" label="企业名称"  align="center"></el-table-column>
                <el-table-column prop="name" label="法定代表人"  align="center"></el-table-column>
                <el-table-column prop="tyshxydm" label="统一社会信用代码"  align="center"></el-table-column>
                <el-table-column prop="zxrq" label="吊销时间"  align="center"></el-table-column>
            </el-table>
        </div> -->
    <div ref="panelRef1" class="basicInfo basicInfo1">
      <p class="title">
        <span>行政许可信息</span
        ><span @click="checkMoreAdministrativeLicensing" class="glqy"
          >查看更多信息>></span
        >
      </p>
      <el-table
        :data="administrativeLicensingList"
        style="width: 100%"
        v-loading="loading3"
        :header-cell-style="{ background: '#f2f9fe' }"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="xkbh"
          label="许可编号"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="xkzsmc"
          label="许可证书名称"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="xknr"
          label="许可内容"
          width="300"
          show-overflow-tooltip
          align="center"
        ></el-table-column>
        <el-table-column
          prop="xkjdrq"
          label="许可决定日期"
          align="center"
        ></el-table-column>
      </el-table>
      <el-dialog
        title="查看更多行政许可信息"
        :visible.sync="dialogVisible2"
        width="50%"
        custom-class="dialog"
      >
        <el-table
          :data="administrativeLicensingMoreList"
          style="width: 100%"
          :header-cell-style="{ background: '#f2f9fe' }"
        >
          <el-table-column type="index" label="序号" width="100" align="center">
            <template slot-scope="scope">
              <span>{{ (pagination2.page - 1) * 10 + scope.$index + 1 }}</span>
            </template>
          </el-table-column>
          <el-table-column
            prop="xkbh"
            label="许可编号"
            align="center"
          ></el-table-column>
          <el-table-column
            prop="xkzsmc"
            label="许可证书名称"
            align="center"
          ></el-table-column>
          <el-table-column
            prop="xknr"
            label="许可内容"
            width="300"
            show-overflow-tooltip
            align="center"
          ></el-table-column>
          <el-table-column
            prop="xkjdrq"
            label="许可决定日期"
            align="center"
          ></el-table-column>
        </el-table>
        <div class="pagination">
          <el-pagination
            layout="prev, pager, next"
            background
            :current-page.sync="pagination2.page"
            :total="pagination2.total"
            @current-change="administrative"
          ></el-pagination>
        </div>
      </el-dialog>
    </div>
    <!-- 环保信用评价 -->
    <div v-if="false" ref="panelRef2" class="basicInfo basicInfo1">
      <p class="title">
        <span>环保信用评价</span
        ><span @click="checkMoreHbxypj" class="glqy">查看更多信息>></span>
      </p>
      <el-table
        :data="hbxypjDataList"
        style="width: 100%"
        v-loading="loadingHbxypj"
        :header-cell-style="{ background: '#f2f9fe' }"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="pjfz"
          label="环保信用评价分值"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="pjdj"
          label="环保信用评价等级"
          align="center"
        ></el-table-column>
        <el-table-column prop="pjsj" label="评价时间" align="center">
        </el-table-column>
      </el-table>
      <el-dialog
        title="查看更多环保信用评价信息"
        :visible.sync="dialogVisibleHbxypj"
        width="50%"
        custom-class="dialog"
      >
        <el-table
          :data="hbxypjMoreList"
          style="width: 100%"
          :header-cell-style="{ background: '#f2f9fe' }"
        >
          <el-table-column type="index" label="序号" width="100" align="center">
            <template slot-scope="scope">
              <span>{{
                (paginationHbxypj.page - 1) * 10 + scope.$index + 1
              }}</span>
            </template>
          </el-table-column>
          <el-table-column
            prop="pjfz"
            label="环保信用评价分值"
            align="center"
          ></el-table-column>
          <el-table-column
            prop="pjdj"
            label="环保信用评价等级"
            align="center"
          ></el-table-column>
          <el-table-column prop="pjsj" label="评价时间" align="center">
          </el-table-column>
        </el-table>
        <div class="pagination">
          <el-pagination
            layout="prev, pager, next"
            background
            :current-page.sync="paginationHbxypj.page"
            :total="paginationHbxypj.total"
            @current-change="handelChangHbxypj"
          ></el-pagination>
        </div>
      </el-dialog>
    </div>
    <!-- 异常经营信息 -->
    <div v-if="false" ref="panelRef3" class="basicInfo basicInfo1">
      <p class="title">
        <span>异常经营信息</span
        ><span @click="checkMoreAbnormalOperation" class="glqy"
          >查看更多信息>></span
        >
      </p>
      <el-table
        :data="abnormalOperationList"
        style="width: 100%"
        v-loading="loading4"
        :header-cell-style="{ background: '#f2f9fe' }"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        ></el-table-column>
        <el-table-column prop="lrrq" label="列入时间" align="center">
          <template slot-scope="{ row }">
            <span>{{ row.lrrq ? row.lrrq.slice(0, 10) : row.lrrq }}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="yy"
          label="列入原因"
          width="300"
          show-overflow-tooltip
          align="center"
        ></el-table-column>
        <el-table-column
          prop="zcjdjg"
          label="列入决定机关"
          align="center"
        ></el-table-column>
        <el-table-column prop="ycrq" label="移出时间" align="center">
          <template slot-scope="{ row }">
            <span>{{ row.ycrq ? row.ycrq.slice(0, 10) : row.ycrq }}</span>
          </template>
        </el-table-column>
      </el-table>
      <el-dialog
        title="查看更多异常经营信息"
        :visible.sync="dialogVisible3"
        width="50%"
        custom-class="dialog"
      >
        <el-table
          :data="abnormalOperationMoreList"
          style="width: 100%"
          :header-cell-style="{ background: '#f2f9fe' }"
        >
          <el-table-column type="index" label="序号" width="100" align="center">
            <template slot-scope="scope">
              <span>{{ (pagination3.page - 1) * 10 + scope.$index + 1 }}</span>
            </template>
          </el-table-column>
          <el-table-column prop="lrrq" label="列入时间" align="center">
            <template slot-scope="{ row }">
              <span>{{ row.lrrq ? row.lrrq.slice(0, 10) : row.lrrq }}</span>
            </template>
          </el-table-column>
          <el-table-column
            prop="yy"
            label="列入原因"
            width="300"
            show-overflow-tooltip
            align="center"
          ></el-table-column>
          <el-table-column
            prop="zcjdjg"
            label="列入决定机关"
            align="center"
          ></el-table-column>
          <el-table-column prop="ycrq" label="移出时间" align="center">
            <template slot-scope="{ row }">
              <span>{{ row.ycrq ? row.ycrq.slice(0, 10) : row.ycrq }}</span>
            </template>
          </el-table-column>
        </el-table>
        <div class="pagination">
          <el-pagination
            layout="prev, pager, next"
            background
            :current-page.sync="pagination3.page"
            :total="pagination3.total"
            @current-change="abnormalOperation"
          ></el-pagination>
        </div>
      </el-dialog>
    </div>
    <div v-if="false" ref="panelRef4" class="basicInfo basicInfo1">
      <p class="title">
        <span>融资信息</span
        ><span @click="checkMoreFinancing" class="glqy">查看更多信息>></span>
      </p>
      <el-table
        :data="financingList"
        style="width: 100%"
        v-loading="loading5"
        :header-cell-style="{ background: '#f2f9fe' }"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="tzf"
          label="投资方"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="invseRoundName"
          label="融资轮次"
          align="center"
        ></el-table-column>
        <el-table-column prop="tzje" label="融资金额" align="center">
          <template slot-scope="scope">
            <span v-show="isTm">{{ deseHandler(scope.row.tzje) }}</span>
            <span v-show="!isTm">{{ scope.row.tzje }}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="tzrq"
          label="融资时间"
          align="center"
        ></el-table-column>
      </el-table>
      <el-dialog
        title="查看更多融资信息"
        :visible.sync="dialogVisible4"
        width="50%"
        custom-class="dialog"
      >
        <el-table
          :data="financingMoreList"
          style="width: 100%"
          :header-cell-style="{ background: '#f2f9fe' }"
        >
          <el-table-column type="index" label="序号" width="100" align="center">
            <template slot-scope="scope">
              <span>{{ (pagination4.page - 1) * 10 + scope.$index + 1 }}</span>
            </template>
          </el-table-column>
          <el-table-column
            prop="tzf"
            label="投资方"
            align="center"
          ></el-table-column>
          <el-table-column
            prop="invseRoundName"
            label="融资轮次"
            align="center"
          ></el-table-column>
          <el-table-column prop="tzje" label="融资金额" align="center">
            <template slot-scope="scope">
              <span v-show="isTm">{{ deseHandler(scope.row.tzje) }}</span>
              <span v-show="!isTm">{{ scope.row.tzje }}</span>
            </template>
          </el-table-column>
          <el-table-column
            prop="tzrq"
            label="融资时间"
            align="center"
          ></el-table-column>
        </el-table>
        <div class="pagination">
          <el-pagination
            layout="prev, pager, next"
            background
            :current-page.sync="pagination4.page"
            :total="pagination4.total"
            @current-change="financing"
          ></el-pagination>
        </div>
      </el-dialog>
    </div>
    <div v-if="false" ref="panelRef5" class="basicInfo basicInfo1">
      <p class="title">
        <span>动产抵押信息</span
        ><span @click="checkMoreChattelMortgage" class="glqy"
          >查看更多信息>></span
        >
      </p>
      <el-table
        :data="chattelMortgageList"
        style="width: 100%"
        v-loading="loading6"
        :header-cell-style="{ background: '#f2f9fe' }"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="djbh"
          label="登记编号"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="kind"
          label="抵押种类"
          align="center"
        ></el-table-column>
        <el-table-column prop="djrq" label="登记日期" align="center">
          <template slot-scope="{ row }">
            <span>{{ row.djrq ? row.djrq.slice(0, 10) : row.djrq }}</span>
          </template>
        </el-table-column>
        <el-table-column prop="dyje" label="抵押金额" align="center">
          <template slot-scope="scope">
            <span v-show="isTm">{{ deseHandler(scope.row.dyje) }}</span>
            <span v-show="!isTm">{{ scope.row.dyje }}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="dyr"
          label="抵押人"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="dyqr"
          label="抵押权人"
          align="center"
        ></el-table-column>
      </el-table>
      <el-dialog
        title="查看更多动产抵押信息"
        :visible.sync="dialogVisible5"
        width="50%"
        custom-class="dialog"
      >
        <el-table
          :data="chattelMortgageMoreList"
          style="width: 100%"
          :header-cell-style="{ background: '#f2f9fe' }"
        >
          <el-table-column type="index" label="序号" width="100" align="center">
            <template slot-scope="scope">
              <span>{{ (pagination5.page - 1) * 10 + scope.$index + 1 }}</span>
            </template>
          </el-table-column>
          <el-table-column
            prop="djbh"
            label="登记编号"
            align="center"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="kind"
            label="抵押种类"
            align="center"
          ></el-table-column>
          <el-table-column prop="djrq" label="登记日期" align="center">
            <template slot-scope="{ row }">
              <span>{{ row.djrq ? row.djrq.slice(0, 10) : row.djrq }}</span>
            </template>
          </el-table-column>
          <el-table-column
            prop="dyje"
            label="抵押金额"
            align="center"
            show-overflow-tooltip
          >
            <template slot-scope="scope">
              <span v-show="isTm">{{ deseHandler(scope.row.dyje) }}</span>
              <span v-show="!isTm">{{ scope.row.dyje }}</span>
            </template>
          </el-table-column>
          <el-table-column
            prop="dyr"
            label="抵押人"
            align="center"
          ></el-table-column>
          <el-table-column
            prop="dyqr"
            label="抵押权人"
            align="center"
          ></el-table-column>
        </el-table>
        <div class="pagination">
          <el-pagination
            layout="prev, pager, next"
            background
            :current-page.sync="pagination5.page"
            :total="pagination5.total"
            @current-change="chattelMortgage"
          ></el-pagination>
        </div>
      </el-dialog>
    </div>
    <div v-if="false" ref="panelRef6" class="basicInfo basicInfo1">
      <p class="title">
        <span>股权出质信息</span
        ><span @click="checkMoreEquityPledge" class="glqy">查看更多信息>></span>
      </p>
      <el-table
        :data="equityPledgeList"
        style="width: 100%"
        v-loading="loading7"
        :header-cell-style="{ background: '#f2f9fe' }"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="qymc"
          label="出质人"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="zqr"
          label="质权人"
          align="center"
        ></el-table-column>
        <el-table-column prop="czgqse" label="出质数额" align="center">
          <template slot-scope="scope">
            <span v-show="isTm">{{ deseHandler(scope.row.czgqse) }}</span>
            <span v-show="!isTm">{{ scope.row.czgqse }}</span>
          </template>
        </el-table-column>
        <el-table-column prop="fbsj" label="发布时间" align="center">
          <template slot-scope="{ row }">
            <span>{{ row.fbsj ? row.fbsj.slice(0, 10) : row.fbsj }}</span>
          </template>
        </el-table-column>
      </el-table>
      <el-dialog
        title="查看更多股权出质信息"
        :visible.sync="dialogVisible6"
        width="50%"
        custom-class="dialog"
      >
        <el-table
          :data="equityPledgeMoreList"
          style="width: 100%"
          :header-cell-style="{ background: '#f2f9fe' }"
        >
          <el-table-column type="index" label="序号" width="100" align="center">
            <template slot-scope="scope">
              <span>{{ (pagination6.page - 1) * 10 + scope.$index + 1 }}</span>
            </template>
          </el-table-column>
          <el-table-column
            prop="qymc"
            label="出质人"
            align="center"
          ></el-table-column>
          <el-table-column
            prop="zqr"
            label="质权人"
            align="center"
          ></el-table-column>
          <el-table-column prop="czgqse" label="出质数额" align="center">
            <template slot-scope="scope">
              <span v-show="isTm">{{ deseHandler(scope.row.czgqse) }}</span>
              <span v-show="!isTm">{{ scope.row.czgqse }}</span>
            </template>
          </el-table-column>
          <el-table-column prop="fbsj" label="发布时间" align="center">
            <template slot-scope="{ row }">
              <span>{{ row.fbsj ? row.fbsj.slice(0, 10) : row.fbsj }}</span>
            </template>
          </el-table-column>
        </el-table>
        <div class="pagination">
          <el-pagination
            layout="prev, pager, next"
            background
            :current-page.sync="pagination6.page"
            :total="pagination6.total"
            @current-change="equityPledge"
          ></el-pagination>
        </div>
      </el-dialog>
    </div>
    <!-- <div ref="panelRef8" class="basicInfo basicInfo1">
            <p class="title"><span>拖欠工资信息</span><span @click="checkMoreArrearsWage" class="glqy">查看更多信息>></span></p>
            <el-table :data="arrearsWageList" style="width: 100%" v-loading="loading8"  :header-cell-style="{background:'#f2f9fe'}">
                <el-table-column type="index" label="序号" width="100" align="center"></el-table-column>
                <el-table-column prop="indate" label="列入日期"  align="center"></el-table-column>
                <el-table-column prop="reason" label="失信是由"  align="center"></el-table-column>
                <el-table-column prop="arrearage" label="涉及金额"  align="center"></el-table-column>
            </el-table>
            <el-dialog title="查看更多拖欠工资信息" :visible.sync="dialogVisible7" width="50%" custom-class="dialog">
                <el-table :data="arrearsWageMoreList" style="width: 100%"  :header-cell-style="{background:'#f2f9fe'}">
                    <el-table-column type="index" label="序号" width="100" align="center">
                        <template slot-scope="scope">
                            <span>{{(pagination7.page - 1) * 10 + scope.$index + 1}}</span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="indate" label="列入日期"  align="center"></el-table-column>
                    <el-table-column prop="reason" label="失信是由"  align="center"></el-table-column>
                    <el-table-column prop="arrearage" label="涉及金额"  align="center"></el-table-column>
                </el-table>
                <div class="pagination"><el-pagination layout="prev, pager, next" background :current-page.sync='pagination7.page' :total="pagination7.total" @current-change='arrearsWage'></el-pagination></div>
            </el-dialog>
        </div> -->
    <!-- 招投标信息 -->
    <div v-if="false" ref="panelRef7" class="basicInfo basicInfo1">
      <p class="title">
        <span>招投标信息</span
        ><span @click="checkMoreTender" class="glqy">查看更多信息>></span>
      </p>
      <el-table
        :data="tenderList"
        style="width: 100%"
        v-loading="loading9"
        :header-cell-style="{ background: '#f2f9fe' }"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="type"
          label="类型"
          show-overflow-tooltip
          align="center"
        ></el-table-column>
        <el-table-column
          prop="channelname"
          label="项目描述"
          show-overflow-tooltip
          align="center"
        ></el-table-column>
        <el-table-column prop="publicdate" label="发布时间" align="center">
          <template slot-scope="{ row }">
            <span>{{
              row.publicdate ? row.publicdate.slice(0, 10) : row.publicdate
            }}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="url"
          label="链接"
          show-overflow-tooltip
          align="center"
        >
          <template slot-scope="{ row }">
            <a :href="row.url" target="_blank" class="buttonText">{{
              row.url
            }}</a>
          </template>
        </el-table-column>
      </el-table>
      <el-dialog
        title="查看更多招投标信息"
        :visible.sync="dialogVisible8"
        width="50%"
        custom-class="dialog"
      >
        <el-table
          :data="tenderMoreList"
          style="width: 100%"
          :header-cell-style="{ background: '#f2f9fe' }"
        >
          <el-table-column type="index" label="序号" width="100" align="center">
            <template slot-scope="scope">
              <span>{{ (pagination8.page - 1) * 10 + scope.$index + 1 }}</span>
            </template>
          </el-table-column>
          <el-table-column
            prop="type"
            label="类型"
            show-overflow-tooltip
            align="center"
          ></el-table-column>
          <el-table-column
            prop="channelname"
            label="项目描述"
            show-overflow-tooltip
            align="center"
          ></el-table-column>
          <el-table-column prop="publicdate" label="发布时间" align="center">
            <template slot-scope="{ row }">
              <span>{{
                row.publicdate ? row.publicdate.slice(0, 10) : row.publicdate
              }}</span>
            </template>
          </el-table-column>
          <el-table-column
            prop="url"
            label="链接"
            show-overflow-tooltip
            align="center"
          >
            <template slot-scope="{ row }">
              <a :href="row.url" target="_blank" class="buttonText">{{
                row.url
              }}</a>
            </template>
          </el-table-column>
        </el-table>
        <div class="pagination">
          <el-pagination
            layout="prev, pager, next"
            background
            :current-page.sync="pagination8.page"
            :total="pagination8.total"
            @current-change="tender"
          ></el-pagination>
        </div>
      </el-dialog>
    </div>
    <!-- 合同基本信息 -->
    <div v-if="false" ref="panelRef8" class="basicInfo basicInfo1">
      <p class="title">
        <span>合同基本信息</span
        ><span @click="checkMoreHtjb" class="glqy">查看更多信息>></span>
      </p>
      <el-table
        :data="htjbDataList"
        style="width: 100%"
        v-loading="loadingHtjb"
        :header-cell-style="{ background: '#f2f9fe' }"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="htmc"
          label="合同名称"
          show-overflow-tooltip
          align="center"
        ></el-table-column>
        <el-table-column
          prop="htbm"
          label="合同编码"
          show-overflow-tooltip
          align="center"
        ></el-table-column>
        <el-table-column
          prop="htlb"
          label="合同类别"
          show-overflow-tooltip
          align="center"
        ></el-table-column>
        <el-table-column
          prop="htjfmc"
          label="合同甲方"
          show-overflow-tooltip
          align="center"
        ></el-table-column>
        <el-table-column
          prop="htyfmc"
          label="合同乙方"
          show-overflow-tooltip
          align="center"
        ></el-table-column>
        <el-table-column
          prop="htje"
          label="合同金额"
          show-overflow-tooltip
          align="center"
        >
        <template slot-scope="scope">
              <span v-show="isTm">{{ deseHandler(scope.row.htje) }}{{scope.row.htbz ? scope.row.htbz : ''}}</span>
              <span v-show="!isTm">{{ scope.row.htje }}{{scope.row.htbz ? scope.row.htbz : ''}}</span>
          </template>
        </el-table-column>
        <el-table-column prop="htqdrq" show-overflow-tooltip label="合同签订日期" align="center">
        </el-table-column>
        <el-table-column prop="htjhkssj" show-overflow-tooltip label="合同计划开始日期" align="center">
        </el-table-column>
        <el-table-column prop="htjhjssj" show-overflow-tooltip label="合同计划结束日期" align="center">
        </el-table-column>
      </el-table>
      <el-dialog
        title="查看更多合同基本信息"
        :visible.sync="dialogVisibleHtjb"
        width="70%"
        custom-class="dialog"
      >
        <el-table
          :data="HtjbMoreList"
          style="width: 100%"
          :header-cell-style="{ background: '#f2f9fe' }"
        >
          <el-table-column type="index" label="序号" width="100" align="center">
            <template slot-scope="scope">
              <span>{{ (paginationhtjb.page - 1) * 10 + scope.$index + 1 }}</span>
            </template>
          </el-table-column>
          <el-table-column
          prop="htmc"
          label="合同名称"
          show-overflow-tooltip
          align="center"
        ></el-table-column>
        <el-table-column
          prop="htbm"
          label="合同编码"
          show-overflow-tooltip
          align="center"
        ></el-table-column>
        <el-table-column
          prop="htlb"
          label="合同类别"
          show-overflow-tooltip
          align="center"
        ></el-table-column>
        <el-table-column
          prop="htjfmc"
          label="合同甲方"
          show-overflow-tooltip
          align="center"
        ></el-table-column>
        <el-table-column
          prop="htyfmc"
          label="合同乙方"
          show-overflow-tooltip
          align="center"
        ></el-table-column>
        <el-table-column
          prop="htje"
          label="合同金额"
          show-overflow-tooltip
          align="center"
        >
        <template slot-scope="scope">
              <span v-show="isTm">{{ deseHandler(scope.row.htje) }}{{scope.row.htbz ? scope.row.htbz : ''}}</span>
              <span v-show="!isTm">{{ scope.row.htje }}{{scope.row.htbz ? scope.row.htbz : ''}}</span>
          </template>
        </el-table-column>
        <el-table-column prop="htqdrq" show-overflow-tooltip label="合同签订日期" align="center">
        </el-table-column>
        <el-table-column prop="htjhkssj" show-overflow-tooltip label="合同计划开始日期" align="center">
        </el-table-column>
        <el-table-column prop="htjhjssj" show-overflow-tooltip label="合同计划结束日期" align="center">
        </el-table-column>
        </el-table>
        <div class="pagination">
          <el-pagination
            layout="prev, pager, next"
            background
            :current-page.sync="paginationhtjb.page"
            :total="paginationhtjb.total"
            @current-change="handelChangHtjb"
          ></el-pagination>
        </div>
      </el-dialog>
    </div>
    <!-- 合同履约信息 -->
    <div v-if="false" ref="panelRef9" class="basicInfo basicInfo1">
      <p class="title">
        <span>合同履约信息</span
        ><span @click="checkMoreHtly" class="glqy">查看更多信息>></span>
      </p>
      <el-table
        :data="htlyDataList"
        style="width: 100%"
        v-loading="loadingHtly"
        :header-cell-style="{ background: '#f2f9fe' }"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="htmc"
          label="合同名称"
          show-overflow-tooltip
          align="center"
        ></el-table-column>
        <el-table-column
          prop="htbm"
          label="合同编码"
          show-overflow-tooltip
          align="center"
        ></el-table-column>
        <el-table-column
          prop="htjfmc"
          label="合同甲方"
          show-overflow-tooltip
          align="center"
        ></el-table-column>
        <el-table-column
          prop="htyfmc"
          label="合同乙方"
          show-overflow-tooltip
          align="center"
        ></el-table-column>
        <el-table-column prop="htqdrq" label="合同签订日期" align="center">
        </el-table-column>
        <el-table-column
          prop="htdqzt"
          label="合同当前状态"
          show-overflow-tooltip
          align="center"
        >
        </el-table-column>
      </el-table>
      <el-dialog
        title="查看更多合同履约信息"
        :visible.sync="dialogVisibleHtly"
        width="60%"
        custom-class="dialog"
      >
        <el-table
          :data="htlyMoreList"
          style="width: 100%"
          :header-cell-style="{ background: '#f2f9fe' }"
        >
          <el-table-column type="index" label="序号" width="100" align="center">
            <template slot-scope="scope">
              <span>{{ (paginationHtly.page - 1) * 10 + scope.$index + 1 }}</span>
            </template>
          </el-table-column>
          <el-table-column
            prop="htmc"
            label="合同名称"
            show-overflow-tooltip
            align="center"
          ></el-table-column>
          <el-table-column
            prop="htbm"
            label="合同编码"
            show-overflow-tooltip
            align="center"
          ></el-table-column>
          <el-table-column
            prop="htjfmc"
            label="合同甲方"
            show-overflow-tooltip
            align="center"
          ></el-table-column>
          <el-table-column
            prop="htyfmc"
            label="合同乙方"
            show-overflow-tooltip
            align="center"
          ></el-table-column>
          <el-table-column prop="htqdrq" label="合同签订日期" align="center">
          </el-table-column>
          <el-table-column
            prop="htdqzt"
            label="合同当前状态"
            show-overflow-tooltip
            align="center"
          >
          </el-table-column>
        </el-table>
        <div class="pagination">
          <el-pagination
            layout="prev, pager, next"
            background
            :current-page.sync="paginationHtly.page"
            :total="paginationHtly.total"
            @current-change="handelChangHtly"
          ></el-pagination>
        </div>
      </el-dialog>
    </div>
    <!-- 政府采购信息 -->
    <div v-if="false" ref="panelRef10" class="basicInfo basicInfo1">
      <p class="title">
        <span>政府采购信息</span
        ><span @click="checkMoreZfcg" class="glqy">查看更多信息>></span>
      </p>
      <el-table
        :data="zfcgDataList"
        style="width: 100%"
        v-loading="loadingZfcg"
        :header-cell-style="{ background: '#f2f9fe' }"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="zfcghtXmmc"
          label="项目名称"
          show-overflow-tooltip
          align="center"
        ></el-table-column>
        <el-table-column
          prop="zfcghtZbje"
          label="中标金额"
          show-overflow-tooltip
          align="center"
        >
          <template slot-scope="scope">
              <span v-show="isTm">{{ deseHandler(scope.row.zfcghtZbje) }}</span>
              <span v-show="!isTm">{{ scope.row.zfcghtZbje }}</span>
          </template>
        </el-table-column>
        <el-table-column 
          prop="zfcghtDwmc" 
          label="采购单位名称" 
          show-overflow-tooltip
          align="center">
        </el-table-column>
        <el-table-column
          prop="zfcghtCgfs"
          label="采购方式"
          show-overflow-tooltip
          align="center"
        >
        </el-table-column>
        <el-table-column
          prop="zfcghtHtqdrq"
          label="合同签订时间"
          show-overflow-tooltip
          align="center"
        >
        </el-table-column>
      </el-table>
      <el-dialog
        title="查看更多政府采购信息"
        :visible.sync="dialogVisibleZfcg"
        width="60%"
        custom-class="dialog"
      >
        <el-table
          :data="zfcgMoreList"
          style="width: 100%"
          :header-cell-style="{ background: '#f2f9fe' }"
        >
          <el-table-column type="index" label="序号" width="100" align="center">
            <template slot-scope="scope">
              <span>{{ (paginationZfcg.page - 1) * 10 + scope.$index + 1 }}</span>
            </template>
          </el-table-column>
          <el-table-column
          prop="zfcghtXmmc"
          label="项目名称"
          show-overflow-tooltip
          align="center"
        ></el-table-column>
        <el-table-column
          prop="zfcghtZbje"
          label="中标金额"
          show-overflow-tooltip
          align="center"
        >
        <template slot-scope="scope">
              <span v-show="isTm">{{ deseHandler(scope.row.zfcghtZbje) }}</span>
              <span v-show="!isTm">{{ scope.row.zfcghtZbje }}</span>
          </template>
        </el-table-column>
        <el-table-column 
          prop="zfcghtDwmc" 
          label="采购单位名称"
          show-overflow-tooltip 
          align="center">
          
        </el-table-column>
        <el-table-column
          prop="zfcghtCgfs"
          label="采购方式"
          show-overflow-tooltip
          align="center"
        >
        </el-table-column>
        <el-table-column
          prop="zfcghtHtqdrq"
          label="合同签订时间"
          show-overflow-tooltip
          align="center"
        >
        </el-table-column>
        </el-table>
        <div class="pagination">
          <el-pagination
            layout="prev, pager, next"
            background
            :current-page.sync="paginationZfcg.page"
            :total="paginationZfcg.total"
            @current-change="handelChangZfcg"
          ></el-pagination>
        </div>
      </el-dialog>
    </div>
    <!-- 海关注册信息 -->
    <div ref="panelRef11" class="basicInfo basicInfo1">
      <p class="title">
        <span>海关注册信息</span
        ><span @click="getHgzcxxInfoBtn" class="glqy">查看更多信息>></span>
      </p>
      <el-table
        :data="hgzcxxDataList"
        style="width: 100%"
        v-loading="loadingHgzcxx"
        :header-cell-style="{ background: '#f2f9fe' }"
      >
        <el-table-column type="index" label="序号" width="100" align="center" />
        <el-table-column
          prop="registrationnumber"
          label="海关注册编码"
          align="center"
        />
        <el-table-column
          prop="businesscategory"
          label="经营类别编码"
          align="center"
        />
        <el-table-column
          prop="cancellationmark"
          label="海关注销状态"
          align="center"
        />
      </el-table>
      <el-dialog
        title="查看更多海关注册信息"
        :visible.sync="dialogVisibleHgzcxx"
        width="50%"
        custom-class="dialog"
      >
        <el-table
          :data="hgzcxxMoreDataList"
          style="width: 100%"
          :header-cell-style="{ background: '#f2f9fe' }"
        >
          <el-table-column type="index" label="序号" width="100" align="center">
            <template slot-scope="scope">
              <span>{{
                (paginationHgzcxx.page - 1) * 10 + scope.$index + 1
              }}</span>
            </template>
          </el-table-column>
          <el-table-column
            prop="registrationnumber"
            label="海关注册编码"
            align="center"
          />
          <el-table-column
            prop="businesscategory"
            label="经营类别编码"
            align="center"
          />
          <el-table-column
            prop="cancellationmark"
            label="海关注销状态"
            align="center"
          />
        </el-table>
        <div class="pagination">
          <el-pagination
            layout="prev, pager, next"
            background
            :current-page.sync="paginationHgzcxx.page"
            :total="paginationHgzcxx.total"
            @current-change="hgzcxxPagetionBtn"
          ></el-pagination>
        </div>
      </el-dialog>
    </div>
    <!-- 海关信用等级 -->
    <div ref="panelRef12" class="basicInfo basicInfo1">
      <p class="title">
        <span>海关信用等级</span
        ><span @click="getHgxydjInfoBtn" class="glqy">查看更多信息>></span>
      </p>
      <el-table
        :data="hgxydjDataList"
        style="width: 100%"
        v-loading="loadingHgxydj"
        :header-cell-style="{ background: '#f2f9fe' }"
      >
        <el-table-column type="index" label="序号" width="100" align="center" />
        <el-table-column
          prop="registrationnumber"
          label="海关注册编码"
          align="center"
        />
        <el-table-column prop="creditrating" label="信用等级" align="center" />
        <el-table-column
          prop="applicabletime"
          label="适用信用等级时间"
          align="center"
        >
          <template slot-scope="scope">
            <span>{{
              scope.row.applicabletime != null
                ? scope.row.applicabletime.slice(0, 11)
                : scope.row.applicabletime
            }}</span>
          </template>
        </el-table-column>
      </el-table>
      <el-dialog
        title="查看更多海关信用等级"
        :visible.sync="dialogVisibleHgxydj"
        width="50%"
        custom-class="dialog"
      >
        <el-table
          :data="hgxydjMoreDataList"
          style="width: 100%"
          :header-cell-style="{ background: '#f2f9fe' }"
        >
          <el-table-column type="index" label="序号" width="100" align="center">
            <template slot-scope="scope">
              <span>{{
                (paginationHgxydj.page - 1) * 10 + scope.$index + 1
              }}</span>
            </template>
          </el-table-column>
          <el-table-column
            prop="registrationnumber"
            label="海关注册编码"
            align="center"
          />
          <el-table-column
            prop="creditrating"
            label="信用等级"
            align="center"
          />
          <el-table-column
            prop="applicabletime"
            label="适用信用等级时间"
            align="center"
          >
            <template slot-scope="scope">
              <span>{{
                scope.row.applicabletime != null
                  ? scope.row.applicabletime.slice(0, 11)
                  : scope.row.applicabletime
              }}</span>
            </template>
          </el-table-column>
        </el-table>
        <div class="pagination">
          <el-pagination
            layout="prev, pager, next"
            background
            :current-page.sync="paginationHgxydj.page"
            :total="paginationHgxydj.total"
            @current-change="hgxydjPagetionBtn"
          ></el-pagination>
        </div>
      </el-dialog>
    </div>
    <!-- 企业法人担保信息 -->
    <div v-if="false" ref="panelRef13" class="basicInfo basicInfo1">
      <p class="title">
        <span>企业法人担保信息</span
        ><span @click="getQyfrdbxxInfoBtn" class="glqy">查看更多信息>></span>
      </p>
      <el-table
        :data="qyfrdbxxDataList"
        style="width: 100%"
        v-loading="loadingQyfrdbxx"
        :header-cell-style="{ background: '#f2f9fe' }"
      >
        <el-table-column type="index" label="序号" width="100" align="center" />
        <el-table-column
          prop="qymc"
          label="担保公司名称"
          align="center"
          show-overflow-tooltip
        />
        <el-table-column
          prop="dkyh"
          label="贷款银行"
          align="center"
          show-overflow-tooltip
        />
        <el-table-column
          prop="bdbr"
          label="被担保人"
          align="center"
          show-overflow-tooltip
        />
        <el-table-column
          prop="ywpz"
          label="业务品种"
          align="center"
          show-overflow-tooltip
        />
        <el-table-column prop="xzdbe" label="新增担保额(万元)" align="center">
          <template slot-scope="scope">
            <span v-show="isTm">{{ deseHandler(scope.row.xzdbe) }}</span>
            <span v-show="!isTm">{{ scope.row.xzdbe }}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="dbzrfssj"
          label="担保责任发生时间"
          align="center"
        />
        <el-table-column
          prop="dbzrjcsj"
          label="担保责任解除时间"
          align="center"
        />
      </el-table>
      <el-dialog
        title="查看更多企业法人担保信息"
        :visible.sync="dialogVisibleQyfrdbxx"
        width="50%"
        custom-class="dialog"
      >
        <el-table
          :data="qyfrdbxxMoreDataList"
          style="width: 100%"
          :header-cell-style="{ background: '#f2f9fe' }"
        >
          <el-table-column type="index" label="序号" width="100" align="center">
            <template slot-scope="scope">
              <span>{{
                (paginationQyfrdbxx.page - 1) * 10 + scope.$index + 1
              }}</span>
            </template>
          </el-table-column>
          <el-table-column
            prop="qymc"
            label="担保公司名称"
            align="center"
            show-overflow-tooltip
          />
          <el-table-column
            prop="dkyh"
            label="贷款银行"
            align="center"
            show-overflow-tooltip
          />
          <el-table-column
            prop="bdbr"
            label="被担保人"
            align="center"
            show-overflow-tooltip
          />
          <el-table-column
            prop="ywpz"
            label="业务品种"
            align="center"
            show-overflow-tooltip
          />
          <el-table-column
            prop="xzdbe"
            label="新增担保额(万元)"
            align="center"
            show-overflow-tooltip
          >
            <template slot-scope="scope">
              <span v-show="isTm">{{ deseHandler(scope.row.xzdbe) }}</span>
              <span v-show="!isTm">{{ scope.row.xzdbe }}</span>
            </template>
          </el-table-column>
          <el-table-column
            prop="dbzrfssj"
            label="担保责任发生时间"
            align="center"
            show-overflow-tooltip
          />
          <el-table-column
            prop="dbzrjcsj"
            label="担保责任解除时间"
            align="center"
            show-overflow-tooltip
          />
        </el-table>
        <div class="pagination">
          <el-pagination
            layout="prev, pager, next"
            background
            :current-page.sync="paginationQyfrdbxx.page"
            :total="paginationQyfrdbxx.total"
            @current-change="qyfrdbxxPagetionBtn"
          ></el-pagination>
        </div>
      </el-dialog>
    </div>
    <!-- <div ref="panelRef10" class="basicInfo basicInfo1">
            <p class="title"><span>海关高级认证信息</span><span @click="checkMoreAdvancedCertification" class="glqy">查看更多信息>></span></p>
            <el-table :data="advancedCertificationList" style="width: 100%" v-loading="loading10"  :header-cell-style="{background:'#f2f9fe'}">
                <el-table-column type="index" label="序号" width="100" align="center"></el-table-column>
                <el-table-column prop="hscode" label="海关编码"  align="center"></el-table-column>
                <el-table-column prop="creditrating" label="信用等级"  align="center"></el-table-column>
                <el-table-column prop="thattime" label="等级认定时间"  align="center"></el-table-column>
            </el-table>
            <el-dialog title="查看更多海关高级认证信息" :visible.sync="dialogVisible9" width="50%" custom-class="dialog">
                <el-table :data="advancedCertificationMoreList" style="width: 100%"  :header-cell-style="{background:'#f2f9fe'}">
                    <el-table-column type="index" label="序号" width="100" align="center">
                        <template slot-scope="scope">
                            <span>{{(pagination9.page - 1) * 10 + scope.$index + 1}}</span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="hscode" label="海关编码"  align="center"></el-table-column>
                    <el-table-column prop="creditrating" label="信用等级"  align="center"></el-table-column>
                    <el-table-column prop="thattime" label="等级认定时间"  align="center"></el-table-column>
                </el-table>
                <div class="pagination"><el-pagination layout="prev, pager, next" background :current-page.sync='pagination9.page' :total="pagination9.total" @current-change='advancedCertification'></el-pagination></div>
            </el-dialog>
        </div> -->
    <!-- <div ref="panelRef11" class="basicInfo basicInfo1">
            <p class="title"><span>安全生产黑名单</span><span @click="checkMoreBlackList" class="glqy">查看更多信息>></span></p>
            <el-table :data="blackList" style="width: 100%" v-loading="loading11"  :header-cell-style="{background:'#f2f9fe'}">
                <el-table-column type="index" label="序号" width="100" align="center"></el-table-column>
                <el-table-column prop="breakfaithreason" label="纳入理由"  align="center"></el-table-column>
                <el-table-column prop="breakfaithbehaviors" label="失信行为简况"  align="center"></el-table-column>
                <el-table-column prop="sourceunit" label="信息报送机关"  align="center"></el-table-column>
            </el-table>
            <el-dialog title="查看更多安全生产黑名单" :visible.sync="dialogVisible10" width="50%" custom-class="dialog">
                <el-table :data="blackMoreList" style="width: 100%"  :header-cell-style="{background:'#f2f9fe'}">
                    <el-table-column type="index" label="序号" width="100" align="center">
                        <template slot-scope="scope">
                            <span>{{(pagination10.page - 1) * 10 + scope.$index + 1}}</span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="breakfaithreason" label="纳入理由"  align="center"></el-table-column>
                    <el-table-column prop="breakfaithbehaviors" label="失信行为简况"  align="center"></el-table-column>
                    <el-table-column prop="sourceunit" label="信息报送机关"  align="center"></el-table-column>
                </el-table>
                <div class="pagination"><el-pagination layout="prev, pager, next" background :current-page.sync='pagination10.page' :total="pagination10.total" @current-change='black'></el-pagination></div>
            </el-dialog>
        </div> -->
  </div>
</template>

<script>
import {
  getZzzsList,
  getGsycxxList,
  getGsdxxxList,
  getXzxxInfoList,
  getYcjyInfoList,
  getQyrzInfoList,
  getDcdyInfoList,
  gteHgzc,
  gteHgxydj,
  getQyfrdb,
  getGqczInfoList,
  getTqgzInfoList,
  getZtbInfoList,
  getHggjrzInfoList,
  getAqschmdInfoList,
  getHtjbInfo,
  getHtlyInfo,
  getZfcgInfo,
  getHbxypjInfo
} from "@/api/portay";
export default {
  props: ["comInfo", "isTm"],
  data() {
    return {
      activeIndex: "a",
      list: [
        // { text: "资质证书信息", disabled: false },
        // {text:'工商异常信息',disabled:false},
        // {text:'工商吊销信息',disabled:false},
        { text: "行政许可信息", disabled: false },
        { text: "环保信用评价", disabled: false },
        // { text: "异常经营信息", disabled: false },
        // { text: "融资信息", disabled: false },
        // { text: "动产抵押信息", disabled: false },
        // { text: "股权出质信息", disabled: false },
        // {text:'拖欠工资信息',disabled:false},
        // { text: "招投标信息", disabled: false },
        // { text: "合同基本信息", disabled: false },
        // { text: "合同履约信息", disabled: false },
        // { text: "政府采购信息", disabled: false },
        // {text:'海关高级认证信息',disabled:false},
        // {text:'安全生产黑名单',disabled:false},
        { text: "海关注册信息", disabled: false },
        { text: "海关信用等级", disabled: false },
        // { text: "企业法人担保信息", disabled: false },
      ],
      certificateList: [],
      certificateMoreList: [],
      paginationCertificate: {
        page: 1,
        total: 0,
      },
      businessAbnormalList: [],
      businessAbnormalMoreList: [],
      pagination1: {
        page: 1,
        total: 0,
      },
      businessRevokeList: [],
      administrativeLicensingList: [],
      administrativeLicensingMoreList: [],
      pagination2: {
        page: 1,
        total: 0,
      },
      abnormalOperationList: [],
      abnormalOperationMoreList: [],
      pagination3: {
        page: 1,
        total: 0,
      },
      financingList: [],
      financingMoreList: [],
      pagination4: {
        page: 1,
        total: 0,
      },
      chattelMortgageList: [],
      chattelMortgageMoreList: [],
      pagination5: {
        page: 1,
        total: 0,
      },
      equityPledgeList: [],
      equityPledgeMoreList: [],
      pagination6: {
        page: 1,
        total: 0,
      },
      arrearsWageList: [],
      arrearsWageMoreList: [],
      pagination7: {
        page: 1,
        total: 0,
      },
      tenderList: [],
      tenderMoreList: [],
      pagination8: {
        page: 1,
        total: 0,
      },
      advancedCertificationList: [],
      advancedCertificationMoreList: [],
      pagination9: {
        page: 1,
        total: 0,
      },
      blackList: [],
      blackMoreList: [],
      pagination10: {
        page: 1,
        total: 0,
      },
      loadingCertificate: false,
      loading1: false,
      loading2: false,
      loading3: false,
      loading4: false,
      loading5: false,
      loading6: false,
      loading7: false,
      loading8: false,
      loading9: false,
      loading10: false,
      loading11: false,
      dialogVisibleCertificate: false,
      dialogVisible1: false,
      dialogVisible2: false,
      dialogVisible3: false,
      dialogVisible4: false,
      dialogVisible5: false,
      dialogVisible6: false,
      dialogVisible7: false,
      dialogVisible8: false,
      dialogVisible9: false,
      dialogVisible10: false,
      hgzcxxDataList: [], //海关注册信息
      hgzcxxMoreDataList: [],
      loadingHgzcxx: false,
      dialogVisibleHgzcxx: false,
      paginationHgzcxx: { page: 1, total: 0 },
      hgxydjDataList: [], //海关信用等级
      hgxydjMoreDataList: [],
      loadingHgxydj: false,
      dialogVisibleHgxydj: false,
      paginationHgxydj: { page: 1, total: 0 },
      qyfrdbxxDataList: [], //海关信用等级
      qyfrdbxxMoreDataList: [],
      loadingQyfrdbxx: false,
      dialogVisibleQyfrdbxx: false,
      paginationQyfrdbxx: { page: 1, total: 0 },
      /*  合同基本信息 */
      htjbDataList:[],
      HtjbMoreList:[],
      loadingHtjb:false,
      dialogVisibleHtjb:false,
      paginationhtjb:{page: 1, total: 0},
      /*  合同履约信息 */
      htlyDataList:[],
      htlyMoreList:[],
      loadingHtly:false,
      dialogVisibleHtly:false,
      paginationHtly:{page: 1, total: 0},
      /*  政府采购信息 */
      zfcgDataList:[],
      zfcgMoreList:[],
      loadingZfcg:false,
      dialogVisibleZfcg:false,
      paginationZfcg:{page: 1, total: 0},
      /*  环保信用评价 */
      hbxypjDataList:[],
      hbxypjMoreList:[],
      loadingHbxypj:false,
      dialogVisibleHbxypj:false,
      paginationHbxypj:{page: 1, total: 0},
    };
  },
  watch: {
    comInfo: {
      handler(newVal, oldVal) {
        if (newVal.shtyxydm) {
          // this.getCertificateList();
          // this.getGsycxxList();
          // this.getGsdxxxList();
          this.getXzxxInfoList();//行政许可信息
          // this.getYcjyInfoList();
          // this.getQyrzInfoList();
          // this.getDcdyInfoList();
          // this.getGqczInfoList();
          // this.getTqgzInfoList();
          // this.getZtbInfoList();
          // this.getHggjrzInfoList();
          // this.getAqschmdInfoList();
          this.getHgzcxxDataList(); //海关注册信息
          this.getHgxydjDataList(); //海关信用等级
          // this.getQyfrdbxxDataList(); //企业法人担保信息
          // this.getHtjbInfoList(); //合同基本信息
          // this.getHtlyInfoList(); //合同履约信息
          // this.getZfcgInfoList(); //政府采购信息
          this.getHbxypjInfoList(); //环保信用评价
        }
      },
      deep: true,
      immediate: true,
    },
  },
  created() {},
  mounted() {},
  methods: {
    //海关注册信息
    getHgzcxxDataList() {
      this.loadingHgzcxx = true;
      let index = this.list.findIndex((item) => item.text == "海关注册信息");
      gteHgzc({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        this.loadingHgzcxx = false;
        this.hgzcxxDataList = res.data.records;
        this.list[index].num = res.data.total;
      });
    },
    //查看更多海关注册信息
    getHgzcxxInfoBtn() {
      this.dialogVisibleHgzcxx = true;
      this.paginationHgzcxx.page = 1;
      gteHgzc({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 10,
      }).then((res) => {
        this.hgzcxxMoreDataList = res.data.records;
        this.paginationHgzcxx.total = Number(res.data.total);
      });
    },
    //查看更多海关注册信息分页
    hgzcxxPagetionBtn(val) {
      this.paginationHgzcxx.page = val;
      gteHgzc({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.hgzcxxMoreDataList = res.data.records;
      });
    },
    //海关信用等级
    getHgxydjDataList() {
      this.loadingHgxydj = true;
      let index = this.list.findIndex((item) => item.text == "海关信用等级");
      gteHgxydj({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        this.loadingHgxydj = false;
        this.hgxydjDataList = res.data.records;
        this.list[index].num = res.data.total;
      });
    },
    //查看更多海关信用等级
    getHgxydjInfoBtn() {
      this.dialogVisibleHgxydj = true;
      this.paginationHgxydj.page = 1;
      gteHgxydj({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 10,
      }).then((res) => {
        this.hgxydjMoreDataList = res.data.records;
        this.paginationHgxydj.total = Number(res.data.total);
      });
    },
    //查看更多海关信用等级分页
    hgxydjPagetionBtn(val) {
      this.paginationHgxydj.page = val;
      gteHgxydj({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.hgxydjMoreDataList = res.data.records;
      });
    },
    //企业法人担保信息
    getQyfrdbxxDataList() {
      this.loadingQyfrdbxx = true;
      let index = this.list.findIndex(
        (item) => item.text == "企业法人担保信息"
      );
      getQyfrdb({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        this.loadingQyfrdbxx = false;
        this.qyfrdbxxDataList = res.data.records;
        this.list[index].num = res.data.total;
      });
    },
    //查看更多企业法人担保信息
    getQyfrdbxxInfoBtn() {
      this.dialogVisibleQyfrdbxx = true;
      this.paginationQyfrdbxx.page = 1;
      getQyfrdb({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 10,
      }).then((res) => {
        this.qyfrdbxxMoreDataList = res.data.records;
        this.paginationQyfrdbxx.total = Number(res.data.total);
      });
    },
    //查看更多企业法人担保信息分页
    qyfrdbxxPagetionBtn(val) {
      this.paginationQyfrdbxx.page = val;
      getQyfrdb({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.qyfrdbxxMoreDataList = res.data.records;
      });
    },
    //资质证书信息
    getCertificateList() {
      this.loadingCertificate = true;
      let index = this.list.findIndex((item) => item.text == "资质证书信息");
      getZzzsList({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        this.loadingCertificate = false;
        this.certificateList = res.data.records;
        this.list[index].num = res.data.total;
      });
    },
    //查看更多资质证书信息
    checkMoreCertificate() {
      this.dialogVisibleCertificate = true;
      this.paginationCertificate.page = 1;
      getZzzsList({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 10,
      }).then((res) => {
        this.certificateMoreList = res.data.records;
        this.paginationCertificate.total = Number(res.data.total);
      });
    },
    //查看更多资质证书信息分页
    certificate(val) {
      this.paginationCertificate.page = val;
      getZzzsList({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.certificateMoreList = res.data.records;
      });
    },
    //工商异常信息
    getGsycxxList() {
      this.loading1 = true;
      let index = this.list.findIndex((item) => item.text == "工商异常信息");
      getGsycxxList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        this.loading1 = false;
        this.businessAbnormalList = res.data.records;
        this.list[index].num = res.data.total;
      });
    },
    //查看更多工商异常信息
    checkMoreBusinessAbnormal() {
      this.dialogVisible1 = true;
      this.pagination1.page = 1;
      getGsycxxList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 10,
      }).then((res) => {
        this.businessAbnormalMoreList = res.data.records;
        this.pagination1.total = Number(res.data.total);
      });
    },
    //查看更多工商异常信息分页
    businessAbnormal(val) {
      this.pagination1.page = val;
      getGsycxxList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.businessAbnormalMoreList = res.data.records;
      });
    },
    //工商吊销信息
    getGsdxxxList() {
      this.loading2 = true;
      let index = this.list.findIndex((item) => item.text == "工商吊销信息");
      getGsdxxxList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 1,
      }).then((res) => {
        this.loading2 = false;
        this.businessRevokeList = res.data.records;
        this.list[index].num = res.data.records.length;
        if (res.data.records.length > 0) {
          this.businessRevokeList[0].name = this.comInfo.fddbr;
        }
      });
    },
    //行政许可信息
    getXzxxInfoList() {
      this.loading3 = true;
      let index = this.list.findIndex((item) => item.text == "行政许可信息");
      getXzxxInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        this.loading3 = false;
        this.administrativeLicensingList = res.data.records;
        this.list[index].num = res.data.total;
      });
    },
    //查看更多行政许可信息
    checkMoreAdministrativeLicensing() {
      this.dialogVisible2 = true;
      this.pagination2.page = 1;
      getXzxxInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 10,
      }).then((res) => {
        this.administrativeLicensingMoreList = res.data.records;
        this.pagination2.total = Number(res.data.total);
      });
    },
    //查看更多行政许可信息分页
    administrative(val) {
      this.pagination2.page = val;
      getXzxxInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.administrativeLicensingMoreList = res.data.records;
      });
    },
    //异常经营信息
    getYcjyInfoList() {
      this.loading4 = true;
      let index = this.list.findIndex((item) => item.text == "异常经营信息");
      getYcjyInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        this.loading4 = false;
        this.abnormalOperationList = res.data.records;
        this.list[index].num = res.data.total;
      });
    },
    //查看更多异常经营信息
    checkMoreAbnormalOperation() {
      this.dialogVisible3 = true;
      this.pagination3.page = 1;
      getYcjyInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 10,
      }).then((res) => {
        this.abnormalOperationMoreList = res.data.records;
        this.pagination3.total = Number(res.data.total);
      });
    },
    //查看更多异常经营信息分页
    abnormalOperation(val) {
      this.pagination3.page = val;
      getYcjyInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.abnormalOperationMoreList = res.data.records;
      });
    },
    //融资信息
    getQyrzInfoList() {
      this.loading5 = true;
      let index = this.list.findIndex((item) => item.text == "融资信息");
      getQyrzInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        this.loading5 = false;
        this.financingList = res.data.records;
        this.list[index].num = res.data.total;
      });
    },
    //查看更多融资信息
    checkMoreFinancing() {
      this.dialogVisible4 = true;
      this.pagination4.page = 1;
      getQyrzInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 10,
      }).then((res) => {
        this.financingMoreList = res.data.records;
        this.pagination4.total = Number(res.data.total);
      });
    },
    //查看更多融资信息分页
    financing(val) {
      this.pagination4.page = val;
      getQyrzInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.financingMoreList = res.data.records;
      });
    },
    //动产抵押信息
    getDcdyInfoList() {
      this.loading6 = true;
      let index = this.list.findIndex((item) => item.text == "动产抵押信息");
      getDcdyInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        this.loading6 = false;
        this.chattelMortgageList = res.data.records;
        this.list[index].num = res.data.total;
      });
    },
    //查看更多动产抵押信息
    checkMoreChattelMortgage() {
      this.dialogVisible5 = true;
      this.pagination5.page = 1;
      getDcdyInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 10,
      }).then((res) => {
        this.chattelMortgageMoreList = res.data.records;
        this.pagination5.total = Number(res.data.total);
      });
    },
    //查看更多动产抵押信息分页
    chattelMortgage(val) {
      this.pagination5.page = val;
      getDcdyInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.chattelMortgageMoreList = res.data.records;
      });
    },
    //股权出质信息
    getGqczInfoList() {
      this.loading7 = true;
      let index = this.list.findIndex((item) => item.text == "股权出质信息");
      getGqczInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        this.loading7 = false;
        this.equityPledgeList = res.data.records;
        this.list[index].num = res.data.total;
      });
    },
    //查看更多股权出质信息
    checkMoreEquityPledge() {
      this.dialogVisible6 = true;
      this.pagination6.page = 1;
      getGqczInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 10,
      }).then((res) => {
        this.equityPledgeMoreList = res.data.records;
        this.pagination6.total = Number(res.data.total);
      });
    },
    //查看更多股权出质信息分页
    equityPledge(val) {
      this.pagination6.page = val;
      getGqczInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.equityPledgeMoreList = res.data.records;
      });
    },
    //拖欠工资信息
    getTqgzInfoList() {
      this.loading8 = true;
      let index = this.list.findIndex((item) => item.text == "拖欠工资信息");
      getTqgzInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        this.loading8 = false;
        this.arrearsWageList = res.data.records;
        this.list[index].num = res.data.total;
      });
    },
    //查看更多拖欠工资信息
    checkMoreArrearsWage() {
      this.dialogVisible7 = true;
      this.pagination7.page = 1;
      getTqgzInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 10,
      }).then((res) => {
        this.arrearsWageMoreList = res.data.records;
        this.pagination7.total = Number(res.data.total);
      });
    },
    //查看更多拖欠工资信息分页
    arrearsWage(val) {
      this.pagination7.page = val;
      getTqgzInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.arrearsWageMoreList = res.data.records;
      });
    },
    //招投标信息
    getZtbInfoList() {
      this.loading9 = true;
      let index = this.list.findIndex((item) => item.text == "招投标信息");
      getZtbInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        this.loading9 = false;
        this.tenderList = res.data.records;
        this.list[index].num = res.data.total;
      });
    },
    //查看更多招投标信息
    checkMoreTender() {
      this.dialogVisible8 = true;
      this.pagination8.page = 1;
      getZtbInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 10,
      }).then((res) => {
        this.tenderMoreList = res.data.records;
        this.pagination8.total = Number(res.data.total);
      });
    },
    //查看更多招投标信息分页
    tender(val) {
      this.pagination8.page = val;
      getZtbInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.tenderMoreList = res.data.records;
      });
    },
    //海关高级认证信息
    getHggjrzInfoList() {
      this.loading10 = true;
      let index = this.list.findIndex(
        (item) => item.text == "海关高级认证信息"
      );
      getHggjrzInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        this.loading10 = false;
        this.advancedCertificationList = res.data.records;
        this.list[index].num = res.data.total;
      });
    },
    //查看更多海关高级认证信息
    checkMoreAdvancedCertification() {
      this.dialogVisible9 = true;
      this.pagination9.page = 1;
      getHggjrzInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 10,
      }).then((res) => {
        this.advancedCertificationMoreList = res.data.records;
        this.pagination9.total = Number(res.data.total);
      });
    },
    //查看更多海关高级认证信息分页
    advancedCertification(val) {
      this.pagination9.page = val;
      getHggjrzInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.advancedCertificationMoreList = res.data.records;
      });
    },
    //安全生产黑名单
    getAqschmdInfoList() {
      this.loading11 = true;
      let index = this.list.findIndex((item) => item.text == "安全生产黑名单");
      getAqschmdInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        this.loading11 = false;
        this.blackList = res.data.records;
        this.list[index].num = res.data.total;
      });
    },
    //查看更多安全生产黑名单
    checkMoreBlackList() {
      this.dialogVisible10 = true;
      this.pagination10.page = 1;
      getAqschmdInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        this.blackMoreList = res.data.records;
        this.pagination10.total = Number(res.data.total);
      });
    },
    //查看更多安全生产黑名单分页
    black(val) {
      this.pagination10.page = val;
      getAqschmdInfoList({
        shtyxydm: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.blackMoreList = res.data.records;
      });
    },
    //合同基本信息
    getHtjbInfoList() {
      this.loadingHtjb = true;
      let index = this.list.findIndex((item) => item.text == "合同基本信息");
      getHtjbInfo({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        this.loadingHtjb = false;
        this.htjbDataList = res.data.records;
        this.list[index].num = res.data.total;
      });
    },
    //查看更多合同基本信息
    checkMoreHtjb() {
      this.dialogVisibleHtjb = true;
      this.paginationhtjb.page = 1;
      getHtjbInfo({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 10,
      }).then((res) => {
        this.HtjbMoreList = res.data.records;
        this.paginationhtjb.total = Number(res.data.total);
      });
    },
    //查看更多合同基本信息分页
    handelChangHtjb(val) {
      this.paginationhtjb.page = val;
      getHtjbInfo({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.HtjbMoreList = res.data.records;
      });
    },
    //合同履约信息
    getHtlyInfoList() {
      this.loadingHtly = true;
      let index = this.list.findIndex((item) => item.text == "合同履约信息");
      getHtlyInfo({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        this.loadingHtly = false;
        this.htlyDataList = res.data.records;
        this.list[index].num = res.data.total;
      });
    },
    //查看更多合同履约信息 
    checkMoreHtly() {
      this.dialogVisibleHtly = true;
      this.paginationHtly.page = 1;
      getHtlyInfo({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 10,
      }).then((res) => {
        this.htlyMoreList = res.data.records;
        this.paginationHtly.total = Number(res.data.total);
      });
    },
    //查看更多合同履约信息分页
    handelChangHtly(val) {
      this.paginationHtly.page = val;
      getHtlyInfo({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.htlyMoreList = res.data.records;
      });
    },
    //政府采购信息
    getZfcgInfoList() {
      this.loadingZfcg = true;
      let index = this.list.findIndex((item) => item.text == "政府采购信息");
      getZfcgInfo({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        this.loadingZfcg = false;
        this.zfcgDataList = res.data.records;
        this.list[index].num = res.data.total;
      });
    },
    //查看更多政府采购信息
    checkMoreZfcg() {
      this.dialogVisibleZfcg = true;
      this.paginationZfcg.page = 1;
      getZfcgInfo({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 10,
      }).then((res) => {
        this.zfcgMoreList = res.data.records;
        this.paginationZfcg.total = Number(res.data.total);
      });
    },
    //查看更多政府采购信息分页
    handelChangZfcg(val) {
      this.paginationZfcg.page = val;
      getZfcgInfo({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.zfcgMoreList = res.data.records;
      });
    },
    /* 环保信用评价 */
    getHbxypjInfoList() {
      this.loadingHbxypj = true;
      let index = this.list.findIndex((item) => item.text == "环保信用评价");
      getHbxypjInfo({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        this.loadingHbxypj = false;
        this.hbxypjDataList = res.data.records;
        this.list[index].num = res.data.total;
      });
    },
    //查看更多环保信用评价
    checkMoreHbxypj() {
      this.dialogVisibleHbxypj = true;
      this.paginationHbxypj.page = 1;
      getHbxypjInfo({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 10,
      }).then((res) => {
        this.hbxypjMoreList = res.data.records;
        this.paginationHbxypj.total = Number(res.data.total);
      });
    },
    //查看更多环保信用评价分页
    handelChangHbxypj(val) {
      this.paginationHbxypj.page = val;
      getHbxypjInfo({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.hbxypjMoreList = res.data.records;
      });
    },
    // 点击导航栏，滚动条移动到内容所对应的位置
    goAssignBlock(el, speed, index) {
      el = 'panelRef1';
      this.activeIndex = index;
      let windowH = window.innerHeight; //浏览器窗口高度
      let h = this.$refs[el].offsetHeight; //模块内容高度

      let t = this.$refs[el].offsetTop; //模块相对于内容顶部的距离
      let top = t - (windowH - h) / 2; //需要滚动到的位置，若改为 t 则滚动到模块顶部位置，此处是滚动到模块相对于窗口垂直居中的位置
      let scrollTop =
        window.pageYOffset ||
        document.documentElement.scrollTop ||
        document.body.scrollTop; //滚动条距离顶部高度
      let currentTop = scrollTop; //默认滚动位置为当前滚动条位置，若改为0，则每次都会从顶部滚动到指定位置
      let requestId;
      //采用requestAnimationFrame，平滑动画
      function step() {
        //判断让滚动条向上滚还是向下滚
        if (scrollTop < top) {
          if (currentTop <= top) {
            //   window.scrollTo(x,y) y为上下滚动位置
            window.scrollTo(0, currentTop);
            requestId = window.requestAnimationFrame(step);
          } else {
            window.cancelAnimationFrame(requestId);
          }
          //向下滚动
          currentTop += speed;
        } else {
          if (top <= currentTop) {
            //注：此处 - speed 是解决居中时存在的问题，可自行设置或去掉
            window.scrollTo(0, currentTop - speed);
            requestId = window.requestAnimationFrame(step);
          } else {
            window.cancelAnimationFrame(requestId);
          }
          //向上滚动
          currentTop -= speed;
        }
      }
      window.requestAnimationFrame(step);
    },
  },
};
</script>

<style scoped="scoped" lang="scss">
.buttonText {
  color: #4a8bf6;
}
.containter {
  width: 100%;
  .step {
    ol.titt {
      // height: 520px;
      // height: 280px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      background-color: #fff;
      margin: 0;
      padding: 0;
      font-size: 14px;
      position: fixed;
      top: 350px;
      right: 24px;
      z-index: 999;
    }
    .tittItem {
      margin-bottom: 10px;
    }
    ol.titt .button {
      width: 150px;
      margin: 0;
    }
    ol.titt .button.cur {
      background-color: #5591f5;
      color: #fff;
    }
  }
  .basicInfo {
    background: #fff;
    border-radius: 10px;
    width: 100%;
    padding: 12px 174px 12px 24px;
    margin-top: 20px;
    .title {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
  }
}
.morexxfp {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  div {
    margin-right: 24px;
  }
}
.title {
  font-size: 18px;
  font-weight: 900;
}
.glqy {
  color: #4a8bf6;
  margin-left: 24px;
}
.glqy:hover {
  cursor: pointer;
}
.item {
  margin-top: 4px;
  margin-right: 16px;
}
</style>
<style>
.dialog {
  border-radius: 10px;
  padding-bottom: 50px;
}
.el-dialog {
  display: flex;
  flex-direction: column;
  margin: 0 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*height:600px;*/
  max-height: calc(100% - 200px);
  max-width: calc(100% - 30px);
}
.el-dialog .el-dialog__body {
  flex: 1;
  overflow: auto;
}
.pagination {
  width: 100%;
  margin-top: 10px;
  display: flex;
  justify-content: center;
}
</style>